html { -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
body { margin:0; padding:0; color:#333; font-size:14px; font-family:"Microsoft YaHei", Verdana, sans-serif; line-height:1.42857143 }
a { text-decoration:none; color:#333; transition:all .35s ease 0s;
outline:0 }
a:hover { color:red; text-decoration:none; outline:0 }
img { max-width:100%; height:auto; width:auto; border:0; vertical-align:middle }
button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, p, pre, span, textarea, th, ul { margin:0; padding:0; outline:0; -webkit-tap-highlight-color:transparent }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
button, form, input, textarea { font-size:14px; font-family:"Microsoft YaHei", Verdana, sans-serif; -webkit-appearance:none }
li { list-style-type:none }
.dp-b, .gg-box img, .img-d img { display:block; width:100% }
.tx-input { border:1px solid #eee; border-radius:3px; line-height:38px; height:38px; width:100%; padding:0 10px }
.input-ma { position:relative }
.input-ma img { position:absolute; right:4px; top:4px; height:30px!important; width:auto!important }
.tx-form { position:relative; line-height:38px }
.tx-textarea { border:1px solid #eee; border-radius:3px; padding:10px; min-height:80px; width:100% }
.tx-btn { display:inline-block; height:38px; line-height:38px; padding:0 20px; background-color:#009688; color:#fff; white-space:nowrap; text-align:center; font-size:14px; border:0; border-radius:2px; vertical-align:middle; cursor:pointer; vertical-align:middle; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none }
.tx-btn:hover { opacity:.9; color:#fff }
.tx-btn:active { opacity:1 }
.tx-btn-big { height:44px; line-height:44px; padding:0 28px; font-size:16px }
.tx-btn-small { height:30px; line-height:30px; padding:0 15px; font-size:14px }
.tx-btn-mini { height:22px; line-height:22px; padding:0 10px; font-size:12px }
.tx-btn-primary { border:1px solid #c9c9c9; background-color:#fff; color:#555 }
.tx-btn-primary:hover { border-color:#009688; color:#009688 }
.tx-btn-radius { border-radius:100px }
.tx-input:focus, .tx-textarea:focus { border-color:#c9c9c9!important }
.tx-select { line-height:38px; height:38px; border:1px solid #eee; width:100%; padding:0 10px; color:#666 }
.tx-select option { line-height:30px }
.tx-hr, .tx-text hr { margin:0; padding:0; border:0; border-bottom:1px solid #eee }
.tx-text hr { margin-top:15px; margin-bottom:15px }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.f-36 { font-size:36px }
.f-30 { font-size:30px }
.f-26 { font-size:26px }
.f-22 { font-size:22px }
.f-20 { font-size:20px }
.f-18 { font-size:18px }
.f-17 { font-size:17px }
.f-16 { font-size:16px }
.f-15 { font-size:15px }
.f-14 { font-size:14px }
.f-13 { font-size:13px }
.f-12 { font-size:12px }
.f-10 { font-size:10px }
.f-8 { font-size:8px }
.f-bold { font-weight:700 }
.pd5 { padding:5px }
.pd10 { padding:10px }
.pd10-1 { padding:10px 0 }
.pd10-2 { padding:0 10px }
.pd10-3 { padding:10px 10px 0 10px }
.pd10-4 { padding:6px 10px }
.pd15 { padding:15px }
.pd15-1 { padding:15px 0 }
.pd15-2 { padding:0 15px }
.pd15-3 { padding:15px 15px 0 15px }
.pd15-4 { padding:7px 15px }
.pd20 { padding:20px }
.pd20-1 { padding:20px 0 }
.pd20-2 { padding:0 20px }
.pd20-3 { padding:20px 20px 0 20px }
.pd20-4 { padding:10px 20px }
.pd40 { padding:40px }
.pd60 { padding:60px }
.ta-c { text-align:center }
.ta-r { text-align:right }
.ta-l { text-align:left }
.f-red { color:red }
.f-white { color:#fff }
.f-green { color:#5fb878 }
.f-yellow { color:#ffb800 }
.f-blue { color:#1e9fff }
.f-gray { color:#888 }
.f-gray1, .f-gray1 a { color:#bbb }
.f-white1, .f-white1 a { color:#fff }
.f-black { color:#000 }
.bg-gray { background-color:#eee }
.bg-white { background-color:#fff }
.bg-red { background-color:red }
.bg-yellow { background-color:#ffb800 }
.bg-green { background-color:#5fb878 }
.bg-blue { background-color:#1e9fff }
.bg-black { background-color:#222 }
.tx-table, .tx-text table { border-collapse:collapse; max-width:100%!important; border-spacing:0 }
.tx-table td, .tx-table th, .tx-text table td, .tx-text table th { border:1px solid #eee; padding:10px; overflow:hidden }
.tx-table th, .tx-text table th { background:#f1f1f1 }
.border { border:1px solid #eee }
.border-b { border-bottom:1px solid #eee }
.border-t { border-top:1px solid #eee }
.i60 { line-height:20px; height:60px; overflow:hidden }
.i40 { line-height:20px; height:40px; overflow:hidden }
.i22 { line-height:22px; height:22px; overflow:hidden }
.i18 { line-height:18px; height:18px; overflow:hidden }
.txt-ov { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.lh-50 { line-height:50px }
.lh-40 { line-height:40px }
.lh-30 { line-height:30px }
.lh-26 { line-height:26px }
.ul-36 li { line-height:36px; height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ul-33 li { line-height:33px; height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ul-30 li { line-height:30px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ul-26 li { line-height:26px; height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.wide { width:100%; margin:0 auto; max-width:1200px }
.hide, .pchide { display:none }
.clearfix::after, .row1:after, .row2:after, .row3:after, .row:after, .row:before, .wide::after {
display:table;
content:" ";
clear:both
}
.row { margin-left:-12px; margin-right:-12px }
[class*=col-] {
float:left;
min-height:1px;
padding-left:12px;
padding-right:12px;
width:10%;
position:relative
}
.col-1 { width:4.1666% }
.col-2 { width:8.3333% }
.col-3 { width:12.5% }
.col-4 { width:16.6666% }
.col-5 { width:20.8333% }
.col-6 { width:25% }
.col-7 { width:29.1666% }
.col-8 { width:33.3333% }
.col-9 { width:37.5% }
.col-10 { width:41.6666% }
.col-11 { width:45.8333% }
.col-12 { width:50% }
.col-13 { width:54.1666% }
.col-14 { width:58.3333% }
.col-15 { width:62.5% }
.col-16 { width:66.6666% }
.col-17 { width:70.8333% }
.col-18 { width:75% }
.col-19 { width:79.1666% }
.col-20 { width:83.3333% }
.col-21 { width:87.5% }
.col-22 { width:91.6666% }
.col-23 { width:95.8333% }
.col-24 { width:100% }
.col-25 { width:20% }
.row1 { margin-left:-7px; margin-right:-7px }
[class*=col1-] {
float:left;
min-height:1px;
padding-left:7px;
padding-right:7px;
position:relative
}
.row2 { margin-left:-4px; margin-right:-4px }
[class*=col2-] {
float:left;
min-height:1px;
padding-left:4px;
padding-right:4px;
position:relative
}
.row3 { margin-left:0; margin-right:0 }
[class*=col3-] {
float:left;
min-height:1px;
padding-left:0;
padding-right:0;
position:relative
}
.fl { float:left }
.fr { float:right }
.tx-text { line-height:1.7 }
.tx-text h4, .tx-text h5, .tx-text h6, .tx-text p { margin:10px 0 }
.tx-text ol { padding-left:20px; list-style-type:demical }
.tx-text ol li { list-style:decimal }
.tx-text h1, .tx-text h2, .tx-text h3 { border-left:4px solid #eee; background-color:#f2f2f2; padding:10px 15px; margin:15px 0 }
.tx-text h1 { font-size:22px }
.tx-text h2 { font-size:20px }
.tx-text h3 { font-size:18px }
.tx-text a { border-bottom:2px solid #84cf6d; text-decoration:none }
.tx-text a:hover {
-webkit-transition:box-shadow .2s linear;
transition:box-shadow .2s linear; box-shadow:inset 0 -10px #84cf6d; color:#000 }
.tx-text iframe, .tx-text img { max-width:100%!important }
.tx-text blockquote { border-left:10px solid rgba(102, 128, 153, .075); background-color:rgba(102, 128, 153, .05); border-radius:0 5px 5px 0; padding:15px 20px; margin:0 0 6px 0; color:#666 }
.tx-text pre { margin:15px 0 }
.tx-text table { margin:15px 0 }
.img-box { overflow:hidden; display:block; position:relative; width:100%; height:0 }
.img-box[data-ratio="16:8"] { padding-top:50% }
.img-box[data-ratio="16:9"] { padding-top:70% }
.img-box[data-ratio="16:16"] { padding-top:100% }
.img-box[data-ratio="16:20"] { padding-top:150% }
.img-box img { -o-object-fit:cover; object-fit:cover; transition:all .6s;
position:absolute; left:0; top:0; width:100%; height:100% }
.img-box:hover img { transform:scale(1.05) }
.alert { border:1px solid transparent }
.alert-danger { color:#a94442; background-color:#f2dede; border-color:#ebccd1 }
.alert-warning { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc }
.alert-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 }
@media screen and (max-width:992px) {
.wide {
width:100%;
padding-left:7px;
padding-right:7px
}
.row {
margin-left:-7px;
margin-right:-7px
}
[class*=col-] {
padding-left:7px;
padding-right:7px
}
.row1 {
margin-left:-4px;
margin-right:-4px
}
[class*=col1-] {
padding-left:4px;
padding-right:4px
}
.row2 {
margin-left:-2px;
margin-right:-2px
}
[class*=col2-] {
padding-left:2px;
padding-right:2px
}
[class*=col3-] {
padding-left:0;
padding-right:0
}
.col-1, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-2, .col-20, .col-21, .col-22, .col-23, .col-24, .col-25, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
width:auto
}
.col-m-1 {
width:4.1666%
}
.col-m-2 {
width:8.3333%
}
.col-m-3 {
width:12.5%
}
.col-m-4 {
width:16.6666%
}
.col-m-5 {
width:20.8333%
}
.col-m-6 {
width:25%
}
.col-m-7 {
width:29.1666%
}
.col-m-8 {
width:33.3333%
}
.col-m-9 {
width:37.5%
}
.col-m-10 {
width:41.6666%
}
.col-m-11 {
width:45.8333%
}
.col-m-12 {
width:50%
}
.col-m-13 {
width:54.1666%
}
.col-m-14 {
width:58.3333%
}
.col-m-15 {
width:62.5%
}
.col-m-16 {
width:66.6666%
}
.col-m-17 {
width:70.8333%
}
.col-m-18 {
width:75%
}
.col-m-19 {
width:79.1666%
}
.col-m-20 {
width:83.3333%
}
.col-m-21 {
width:87.5%
}
.col-m-22 {
width:91.6666%
}
.col-m-23 {
width:95.8333%
}
.col-m-24 {
width:100%
}
.col-m-25 {
width:20%
}
.pchide {
display:block
}
.waphide {
display:none
}
.mb10 {
margin-bottom:6px
}
.mb15 {
margin-bottom:9px
}
.mb20 {
margin-bottom:12px
}
.pd10 {
padding:6px
}
.pd10-1 {
padding:6px 0
}
.pd10-2 {
padding:0 6px
}
.pd10-3 {
padding:6px 6px 0 6px
}
.pd10-4 {
padding:3px 6px
}
.pd15 {
padding:9px
}
.pd15-1 {
padding:9px 0
}
.pd15-2 {
padding:0 9px
}
.pd15-3 {
padding:9px 9px 0 9px
}
.pd15-4 {
padding:4px 9px
}
.pd20 {
padding:12px
}
.pd20-1 {
padding:12px 0
}
.pd20-2 {
padding:0 12px
}
.pd20-3 {
padding:12px 12px 0 12px
}
.pd20-4 {
padding:6px 12px
}
.pd40 {
padding:24px
}
.pd60 {
padding:36px
}
.tx-text img {
height:auto!important;
}
}